<%-- 
    Document   : PRUEBA
    Created on : 28-04-2014, 01:32:04 PM
    Author     : Iván Zúñiga & Tomás Quinteros
--%>

<%@page import="cl.edinet.agencialinea3.ejb.entity.Declaracion"%>
<%@page import="cl.edinet.agencialinea3.ejb.entity.Importador"%>
<%@page import="java.util.List"%>
<%@page import="cl.edinet.zoidberg.tld.components.ZoidbergEnum"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="z" uri="http://zoidberg.edinet.cl/tld/zoidberg-1.2.tld"%>

<%
List<Declaracion> declaraciones = (List<Declaracion>)request.getAttribute("declaraciones");
List<Importador> listadoImportadores = (List<Importador>)request.getAttribute("importadores");
%>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        
        <z:processCSS acordeon="true" menuArbol="true" paginacion="true"/>
        
    <style type="text/css">
        
        body {
            background: url('../../images/AEL3.jpg')no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }        
    .contenido-acordeon {
                background-color: white;
                font-family: arial;
                text-decoration: none;
                font-size: 12px;
                color: black;
            }
    .contenido-acordeon a {    /* Color del enlace no visitado AZUL */   
                text-decoration: none;
                color: black;
            }   
    .contenido-acordeon a:visited {    /* Color del enlace visitado ROJO */   
                text-decoration: none;
                color: black;
            }   
    .contenido-acordeon a:active {        /* Color que toma el ultimo enlace visitado VERDE */   
                text-decoration: none;
                color: black;
            }   
    .contenido-acordeon a:hover {        /* Color que toma el enlace al pasar el raton sobre el GRIS*/  
                text-decoration: none;
                color: black;
            }
    .tabla {
            font-family: verdana,arial,sans-serif;
            font-size:10px;
            background-color: #CDF3FE;
            border-color: #C0C0C0;
            border-style: solid;
            border-color: #CCC;
            border-width: 1px;
            padding: 3px;
            margin-top: 25px;
            }
            
    .div1   {
            height: 500px;
            width: 1060px;
            position: absolute; top: 85px; left: 15%;
            }
    .titulo1{
            color: #949494;
            font-weight: bold;
            font-family: Verdana, Arial;
            font-size: 12px;
            position: absolute; top: 35px; left: 5%;
            }
    table.altrowstable {
            font-family: verdana,arial,sans-serif;
            font-size:10px;
            color:#333333;
            width: 1060px; 
            text-align: left;
            position: absolute; top: 100px;
            border-width: 1px;
            border-color: #CCC;
            border-collapse: collapse;
            }
    table.altrowstable  th {
        border-width: 1px;
        padding: 3px;
        background-color: #CDF3FE;
        border-style: solid;
        border-color: #CCC;
        height: 15px;
    }
    table.altrowstable  td {
        border-width: 1px;
        padding: 3px;
        border-style: solid;
        border-color: #a9c6c9;
        height: 10px;
    }
    .oddrowcolor{
        background-color:#C8EAFF;
    }
    .evenrowcolor{
        background-color:#FFFFFF;
    }
    </style>
    </head>

    <body>
            <%-- LOGO AEL3 --%>
            <div style="position: relative">
                <IMG src= "<%=(request.getContextPath())%>/images/logoael3.png" width="300" height="75"/>
            </div>
            <%-- LOGO AEL3 --%>
            
            <%--MENÚ SUPERIOR--%>
            <div style="position: absolute; left: 54%; top: 20px; width: 555px">
                <%@include file="/application/commons/menu/menuSuperior.jsp" %>
            </div>
            <%--MENÚ SUPERIOR--%>
            
            <%--MENÚ ACORDEÓN--%>
            <div style="position: absolute; left: 5px; top: 85px; width: 185px">
                <%@include file="/application/commons/menu/menuAcordeon.jsp" %>                             
            </div>  
            <%--MENÚ ACORDEÓN--%>
                        
            <div class="div1" style="background-color: white"> 
                
                <div>
                    
                    <a class="titulo1">Declaración de Ingreso (DIN)</a>
                    
                    <%--FILTRO CLIENTE--%>
                    <z:form nameid="form1" action="din.jsp"><%--<z:autoCompleteForm requestAttributeId="controlResponse"/>--%>              
                    <table class="tabla "align="center" rules="none">
                        <tr>
                            <th align="center" width="10%">Cliente</th>
                            <th align="right"><z:select width="95%" nameid="importador" lista="<%=(listadoImportadores)%>" atributoIdOption="getCodigo()" atributoValueOption="getNombre()" labelPrimerOption="TODOS" required="false"/></th>
                            <th align="right" width="15%"><z:button nameid="botonFiltrar" typeControl="submit" value="Buscar"/></th>
                        </tr>                
                    </table>                
                    </z:form>
                    <%--FILTRO CLIENTE--%>
                    
                </div>
                
                <div>                    
                    <%--PAGINACIÓN -%>
                        <z:paginacion 
                        nameId="paginacion" 
                        numeroResultados="<%=(cantidadTotalRegistrosBusqueda)%>" 
                        paginaActual="<%=(pagina)%>"
                        resultadosPorPagina="<%=(cantidadRegistrosPorPagina)%>"
                        claseCSS="paginacion"
                        funcionPersonalizada="paginar()"
                        />
                    <%--PAGINACIÓN--%>
                </div>
                    
                <div>
                    <table class="altrowstable" id="alternatecolor">
                        <thead>
                            <tr>
                                <th>Razón Social Cliente</th>
                                <th>Despacho</th>
                                <th>Ref. Cliente</th>
                                <th>Tipo Operación</th>                                
                                <th>Aduana</th>
                                <th>Nave</th>
                                <th>Fecha Eta</th>
                                <th>Fecha Recep.</th>
                                <th>Fecha Acept.</th>
                                <th>Valor CIF(US$)</th>
                                <th>Fecha Pago Der.</th>
                                <th>Estado</th>
                                <th>Fecha Retiro</th>
                            </tr>
                        </thead>
                        <tbody>
                            <%--
                            <% for(Declaracion declaracion : declaraciones){ %>
                            <tr>
                                <td><%=(declaracion.getImportador().getNombre())%></td>
                                <td><%=(DateUtiles.formatearFechaEspanol(declaracion.getFechaRetiro()))%></td>
                            </tr>
                            <% } %>
                            --%>
                        </tbody>
                    </table>
                </div>
                
            </div>
            
            <z:processJS/>
            <script type="text/javascript">
          
            var pagina=document.form1.pagina;
            var formularioFiltros=document.form1;
          
            function abrirPagina(url){
              document.location='<%=(request.getContextPath())%>'+url;
            }
            function paginar(name, page){
                pagina.value = page;
                formularioFiltros.submit();
            }
      </script>
    </body>
</html>
